<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Auto Complete Date Selector</title>
    <link href="stylesheets/default.css" media="screen" rel="stylesheet" type="text/css" />
    <link href="stylesheets/auto_date/auto_date.css" media="screen" rel="stylesheet" type="text/css" />
    <script src="javascripts/prototype.js" type="text/javascript"></script>
<script src="javascripts/auto_date/auto_date.js" type="text/javascript"></script>

</head>
<body>
    <div id="wrapper">
        <div id="header">
            <div class="">
                <h1>Auto Date Selector</h1>
                <br />
                <h6>DD-MM-YY/MM-DD-YY/Mon-DD-YY/DD-Mon-YY, any seperator("/ - space ."), type literals to explore more</h6>
            </div>

            <div class="clr"></div>
        </div>

        <div id="flash_messages" align="center">
            
            
            <br />
            
            
            <br />
            
        </div>
        <h5>1. Auto date on "HTML a" Tag: Click on the date below</h5>

<br />

<a href="#" id="link_date" onclick="new AutoDate(this);; return false;">June 30 2010</a>
<br />
<br />
<br />
<h5>2. Auto date on "HTML input" Tag: click in the box</h5>
<br />
<input id="input_date" name="input_date" onclick="new AutoDate(this);" type="text" value="June 30 2010" />

<br />
 

    </div>
</body>
</html>

